<template>
	<a-layout-content
			style="flex: 0 0 1270px;min-width: 1270px;max-width: 1270px;width: 1270px;position: relative;left: 15px;background: #ffffff !important;">
		<right-top icon="2.png" :text="eventName">
			<a-tabs default-active-key="1" style="position: absolute;right: 40px;top: 22px;font-weight: 400;"
			        size="small"
			        @change="callback">
				<a-tab-pane key="1" tab="事件数据"></a-tab-pane>
				<a-tab-pane key="2" tab="统计分析" force-render></a-tab-pane>
			</a-tabs>
		</right-top>
		<!-- 查询项 -->
		<div class="right-content" v-if="change==1">
			<a-form-model :model="form" layout="inline">
				<a-row style="margin-top: 10px;">
					<a-col :span="20">
						<a-form-model-item label="媒体类型" :label-col="{span:3}" :wrapper-col="{span:21}"
						                   style="width: 100%;display: flex;align-items: center;">
							<a-checkbox :indeterminate="indeterminate1" :checked="AllCheckmedia"
							            @change="onCheckAllChange_media">
								全部
							</a-checkbox>
							<a-checkbox-group v-model="checkedList_media" @change="onChange_media">

								<a-checkbox v-if="i<8" :value="item.mediaName" v-for="(item,i) in media_type">
									{{ item.mediaName }}
								</a-checkbox>
							</a-checkbox-group>

						</a-form-model-item>
					</a-col>

					<a-col :span="3" :pull="1" v-if="media_type.length > 8">
                                <span @click="showOtherMedia" style="position: absolute;left: 36%">
                                  <span style="color: #1777FF;cursor: pointer;font-size: 12px;">查看更多类型</span><div
		                                style="transform: rotate(90deg);font-size: 12px;display: inline-block;color: #1777FF;margin-left: 3px;cursor: pointer">&gt;&gt;</div>
                                </span>
					</a-col>
				</a-row>
				<!--            下拉-->
				<a-row style="position: relative;top: 0px;margin-bottom: 0px;" :style="collspanMedia?'display:none':''">
					<a-col :span="21" :push="2" style="margin-left: 2%;">
						<a-checkbox-group v-model="checkedList_media2" @change="onChange_media1">
							<a-checkbox v-if="i>=8&&!collspanMedia" :value="item.mediaName" v-for="(item,i) in media_type">
								{{ item.mediaName }}
							</a-checkbox>
						</a-checkbox-group>
					</a-col>
				</a-row>

				<a-row style="margin-top: 10px;margin-left: 4%">
					<a-col :span="2" style="margin-top: -0.55%;">
						<a-select :default-value="1" style="" @change="if_query">
							<a-select-option :value="1">全文</a-select-option>
							<a-select-option :value="2">标题</a-select-option>
						</a-select>
					</a-col>
					<a-col :span="6">
						<a-form-model-item label="" :label-col="{span:4}" :wrapper-col="{span:24}" enterable='false'
						                   style="width: 100%">
							<a-input v-model="text" style="height: 32px;margin-top: 0.5%;" @change="
                            	text = text.replace(
                            		/[, ]/g,
                            		''
                            	)
                            " @blur="checkNum1(text)"/>
						</a-form-model-item>
					</a-col>
					<a-col :span="4" style="">
						<a-form-model-item label="倾向性" :label-col="{span:7}" :wrapper-col="{span:14}"
						                   style="width: 100%;">
							<a-select :default-value="0" v-model="form.emotionalPolarity">
								<a-select-option :value="0">全部</a-select-option>
								<a-select-option :value="1">正面</a-select-option>
								<a-select-option :value="3">负面</a-select-option>
								<a-select-option :value="2">中性</a-select-option>
							</a-select>
						</a-form-model-item>
					</a-col>

					<a-col :span="4">
						<a-form-model-item label="关键词" :label-col="labelCol" :wrapper-col="wrapperCol"
						                   style="width: 100%;">
							<a-input style="height: 32px;" v-model="form.keyword" @change="
                            	form.keyword = form.keyword.replace(
                            		/[, ]/g,
                            		''
                            	)
                            " @blur="checkNum2(form.keyword)"/>
						</a-form-model-item>
					</a-col>

					<a-col :span="4">
						<a-form-model-item label="文章级别" :label-col="{span:11}" :wrapper-col="{span:13}"
						                   style="width: 100%;">
							<a-select :default-value="0" v-model="form.levelInference">
								<a-select-option :value="0">全部</a-select-option>
								<a-select-option :value="3">重要级别</a-select-option>
								<a-select-option :value="2">中等级别</a-select-option>
								<a-select-option :value="1">一般级别</a-select-option>
							</a-select>
						</a-form-model-item>
					</a-col>
					<a-col :span="2" style="display: flex;align-items: center;height: 50px;">
						<a-button style="color: black;margin-top: -18%;margin-left: 10%" @click="queryInfomationData">
							<img src="../../assets/images/system/fangda.png" style="margin-right: 3px;"/>查询
						</a-button>
						<a-button style="color: black;margin-top: -18%;margin-left: 5px" @click="reset">重置</a-button>
						<img src="../../assets/images/generalDetection/20.png" alt=""
						     style="margin-top: -15%;cursor: pointer;height: 66%;margin-left: 10%" @click="showQuery">
					</a-col>
				</a-row>

				<a-row style="position: relative;" :style="collspanQuery?'display:none':''">

					<a-col :span="6" style="padding-left: 1%;">
						<a-form-model-item label="发布媒体" :label-col="{span:9}" :wrapper-col="wrapperCol"
						                   style="width: 100%;">
							<a-input style="height: 32px;width:190px" v-model="form.informationSources" @change="
                            	form.informationSources = form.informationSources.replace(
                            		/[, ]/g,
                            		''
                            	)
                            " @blur="checkNum3(form.informationSources)"/>
						</a-form-model-item>
					</a-col>

					<a-col :span="5" style="padding-left: 1%;">
						<a-form-model-item label="图片识别" :label-col="labelCol" :wrapper-col="wrapperCol"
						                   style="width: 100%;">
							<a-select v-model="form.imageRecognition">
								<a-select-option :value="0">全部</a-select-option>
								<a-select-option :value="1">只看图片识别</a-select-option>
								<a-select-option :value="2">排除图片识别</a-select-option>
							</a-select>
						</a-form-model-item>
					</a-col>

					<a-col :span="9" style="padding-left: 2%;">
						<a-form-model-item lable="发布时间" style="">
							<span style="font-size: 14px;letter-spacing: 1px;color: #0f1a27;font-weight: normal;margin-top: -4%;">发布时间:</span>
							<a-range-picker
									v-model="form.releaseTime"
									:show-time="{ format: 'HH:mm' }"
									format="YYYY-MM-DD HH:mm"
									:placeholder="['开始时间', '结束时间']"
									style="padding-left:10px;"
							/>
						</a-form-model-item>
					</a-col>
				</a-row>
				<a-row style="position: relative;" :style="collspanQuery?'display:none':''">

					<a-col :span="5" style="padding-left: 1%;">
						<a-form-model-item label="事件分类" :label-col="{span:11}" :wrapper-col="{span:13}"
						                   style="width: 100%;">
							<a-select placeholder="一级分类" style="width:135px" @change="oneType"
							          v-model="form.oneEventType">
								<a-select-option v-for="item in oneLevel" :key="item.id">
									{{ item.name }}
								</a-select-option>
							</a-select>
						</a-form-model-item>
					</a-col>
					<a-col :span="3" style="margin-left:25px">
						<a-form-model-item label="" :label-col="{span:1}" :wrapper-col="wrapperCol"
						                   style="width: 100%;">
							<a-select placeholder="二级分类" style="width:135px" @change="twoType"
							          v-model="form.twoEventType">
								<a-select-option v-for="item in twoLevel" :key="item.id">
									{{ item.name }}
								</a-select-option>
							</a-select>
						</a-form-model-item>
					</a-col>
					<a-col :span="3" style="">
						<a-form-model-item label="" :label-col="{span:1}" :wrapper-col="wrapperCol"
						                   style="width: 100%;">
							<a-select placeholder="三级分类" style="width:135px" v-model="form.threeEventType">
								<a-select-option v-for="item in threeLevel" :key="item.id"
								>
									{{ item.name }}
								</a-select-option>
							</a-select>
						</a-form-model-item>
					</a-col>
					<a-col :span="10" style="marign-left:20px">
						<a-form-model-item label="权重" :label-col="{span:8}" :wrapper-col="wrapperCol" style="width: 100%;">
							<a-input v-model="form.weightStart"
							         style="height: 32px;margin-top: 0.5%;display: inline-block;width: 49%"/>
							<a-input v-model="form.weightEnd"
							         style="height: 32px;margin-top: 0.5%;display: inline-block;width: 49%;margin-left: 2%"/>
						</a-form-model-item>
					</a-col>
				</a-row>
				<a-row style="margin-left:27px;margin-right:27px;background-color: #F7F7F7">
					<a-col :span="11">
						<a-checkbox style="margin: 0 20px;" :indeterminate="indeterminate" :checked="checkAll"
						            @change="onCheckAllChange">全选
						</a-checkbox>
						<a-button style="margin-right: 10px;color: black;" @click="exportInfomation">导出数据</a-button>
						<a-button style="margin-right: 10px;color: black" @click="deleteinfomation">删除</a-button>
						<div style="display: inline-block">当前共搜索数据<span style="color: red">{{ total }}</span>条</div>


					</a-col>
					<a-col :span="1" style="padding-left: 45%;margin-top: 0.25%">
						<a-button style="color: black" @click="sequenceInfomation">时间排序<img
								src="../../assets/images/system/paixu.png" style="margin-left: 3px;"/></a-button>
					</a-col>
				</a-row>
			</a-form-model>
			<!-- 列表数据 -->
			<a-checkbox-group v-model="checkedList" @change="onChangeList" class="listgroup" style="width:100%">
				<!-- 列表 start -->
				<a-list item-layout="vertical" size="large" :pagination="pagination" :data-source="listData"
				        style="padding: 0 27px;" v-if="flat">
					<a-list-item slot="renderItem" key="item.title" slot-scope="item, index"
					             style="border: 1px solid #ddd;margin-bottom: 10px;padding-left: 50px;">
						<a-list-item-meta>
							<div v-if="index+1==1" slot="avatar" style="margin-left: -50px;margin-top: -16px; border-style: solid;border-width: 0px 0px 50px 50px ;
                border-color: transparent transparent transparent #1577FE;width: 0px;height: 0px;color: #fff;font-size: 14px;">
								<span style="position: relative;left: -40px;top: 5px;">{{ index + 1 }}</span>
							</div>
							<div v-else slot="avatar" style="margin-left: -50px;margin-top: -16px; border-style: solid;border-width: 0px 0px 50px 50px ;
                border-color: transparent transparent transparent #9CC4FF;width: 0px;height: 0px;color: #fff;font-size: 14px;">
								<span style="position: relative;left: -40px;top: 5px;">{{ index + 1 }}</span>
							</div>

							<div slot="avatar">
								<a-checkbox style="position: relative;left: -30px;top: 10px;"
								            :value="item.id"></a-checkbox>
							</div>

							<div slot="description" style="width:98%;">
								<img v-if="item.img==null || item.img == ''">
								<img v-else :src="item.img" alt="" style="width: 10%;height: 100%;padding-right: 1%;">
								<span :title="item.content">{{ item.content ? item.content.substring(0, 130) : '' }}<span
										:style="item.content && item.content.length > 130 ?'':'display: none'">...</span></span>
								<span style="color: #0D1F32"><a
										:href="item.url"
										:title="item.url"
										target="_blank">查看原文</a></span>
							</div>
							<div slot="title" style="display:flex">
								<div slot="title" style="font-weight: bold;color: black;width:70%;cursor: pointer;"
								     @click="changePageInfo(item)"
								     :title="item.title">{{ item.title ? item.title.substring(0, 40) : '' }} <span
										:style="item.title && item.title.length > 40 ?'':'visibility: hidden'">...</span></div>
								<div slot="title" style="position: absolute;right: 0px;display: inline-block;width:28%">
									<!-- 数字 -->
									<img src="../../assets/images/system/hot.svg"
									     style="width: 15px;height: 15px;position: absolute;left: -10px;top: calc((100% - 20px)/2);"/>
									<span style="margin: 0 10px;">{{ item.number }}</span>
									<!-- 情感极性 -->

									<a-popover title="" trigger="hover" v-if="flat">
										<a-button type="primary" style="background-color:#ff892a;border:1px solid #ff892a"
										          v-if="emo_polarity[index]=='负面'">
											{{ emo_polarity[index] }}
										</a-button>
										<a-button type="primary" style="background-color:#1ea000;border:1px solid #1ea000"
										          v-if="emo_polarity[index]=='正面'">
											{{ emo_polarity[index] }}
										</a-button>
										<a-button type="primary" style="" v-if="emo_polarity[index]=='中性'">
											{{ emo_polarity[index] }}
										</a-button>
										<template slot="content">
											<p @click="changebuttonzm(index,1)" style="cursor:pointer"
											   v-if="!(emo_polarity[index]=='正面')">标注正面</p>
											<p @click="changebuttonzm(index,2)" style="cursor:pointer"
											   v-if="!(emo_polarity[index]=='中性')">标注中性</p>
											<p @click="changebuttonzm(index,3)" style="cursor:pointer"
											   v-if="!(emo_polarity[index]=='负面')">标注负面</p>
										</template>

									</a-popover>
									<a target="_blank">
										<img v-if="item.mirrorAddress != null && item.mirrorAddress != ''" title="镜像"
										     src="../../assets/images/system/jingxiang-1.png"
										     @click="jingxiang(item.mirrorAddress)"
										     style="position: relative;top: calc((100% - 15px)/2);margin: 0 5px;padding: 5px 5px;display: inline-block;cursor: pointer;"/>
										<img v-else title="镜像" src="../../assets/images/system/jingxiang-2.png"
										     style="position: relative;top: calc((100% - 15px)/2);margin: 0 5px;padding: 5px 5px;display: inline-block;cursor: pointer;"/>
									</a>
								</div>
							</div>
						</a-list-item-meta>
						<div style="height: 20px;color: black;margin-bottom: 10px;padding-left:16px;">
							<a-col :span="8">
								<a-button v-for="(item,i) in listLabel[index]"
								          style="margin-right: 5px;color: blue;height: 10%; border: 1px solid #3287FF;background-color: #E7F1FF;color: #2982FF">
									{{ item.tagsName }}
								</a-button>
							</a-col>

							<a-col :span="8" :title="item.caseType"
							       style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
								事件分类：{{ item.caseType }}
							</a-col>
							<a-col :span="8" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap">

								文章级别：
								<a-popover title="" trigger="hover" v-if="flat">
                                        <span v-if="item.levelInference ==3"
                                              style="color: #FE3328;cursor:pointer">重要级别
                                        </span>
									<span v-else-if="item.levelInference ==1"
									      style="color: #51AE43;cursor:pointer">一般级别
                                        </span>
									<span v-else-if="item.levelInference ==2"
									      style="color: #5698FE;cursor:pointer">中等级别
                                        </span>
									<span v-else-if="item.levelInference ==3"
									      style="color: #FF8746;cursor:pointer">重要级别
                                        </span>
									<template slot="content">
										<p @click="changebuttonlevel(index,3)" style="cursor:pointer"
										   v-if="!(item.levelInference ==3)">
											重要级别</p>
										<p @click="changebuttonlevel(index,2)" style="cursor:pointer"
										   v-if="!(item.levelInference ==2)">中等级别</p>
										<p @click="changebuttonlevel(index,1)" style="cursor:pointer"
										   v-if="!(item.levelInference ==1)">一般级别</p>
									</template>

								</a-popover>
							</a-col>
						</div>
						<div style="height: 20px;color: black;padding-left:16px;">
							<a-col :span="8" :title="item.keyword" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
								关键词：{{ item.keyword }}
							</a-col>
							<a-col :span="8" :title="item.informationSources"
							       style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
								发布媒体：{{ item.informationSources }}
							</a-col>
							<a-col :span="8">
								发布时间：{{ item.releaseTime }}
							</a-col>
						</div>
					</a-list-item>
				</a-list>
			</a-checkbox-group>
		</div>

		<!-- 添加标签模态框 -->
		<a-modal class="modal-box" v-model="visible" title="添加标签" width="500px" @ok="hideModal" ok-text="确定添加"
		         style="height:200px" :cancel-button-props="{ style: { display: 'none' } }">
			<a-row>
				<a-col>
					<a-form-model
							:label-col="{span : 2}"
							:wrapper-col="{span :20}"
							style="padding-bottom:36px"
					>
						<a-form-model-item label="">
							<a-checkbox value="" style="margin-left: 22%;margin-top: 5%" id="check10"
							            @change="onChange1">
								清空标签
							</a-checkbox>
							<a-checkbox-group @change="onChange" v-model="labelgroup">

								<a-checkbox v-for="(item,i) in labelsData" :value="item.id"
								            style="margin-left: 22%;margin-top: 5%" v-bind:disabled="check_flag"
								>
									{{ item.name }}
								</a-checkbox>
							</a-checkbox-group>
						</a-form-model-item>
					</a-form-model>
				</a-col>
			</a-row>
		</a-modal>
		<!-- 镜像模态框 -->
		<a-modal class="modal-box2" v-model="visible2" title="镜像" width="1300px" @ok="hideModal3" ok-text="关闭"
		         style="height:200px" :cancel-button-props="{ style: { display: 'none' } }">

			<div style="overflow: unset;padding: 0px;height:564px">
				<iframe :src="mirrorUrl" style="height: 100%;width: 100%;" name="mirror"></iframe>
			</div>
		</a-modal>
		<div class="right-content" v-show="change==2">
			<Statistics v-bind:queryObj="queryLevel" v-bind:commandId="commandIds"></Statistics>
		</div>
	</a-layout-content>
</template>

<script>

import left from './left/index'
import rightTop from './right/top'
import {export2Excel} from "@/utils/exportExcel.js";

import {
	editDataTags,
	editEmotionalPolarity,
	editLevelInference,
	getMediaTypeList,
	listBrowse,
	remove,
} from '@/api/eventAnalyze/eventAnalyzeResults'
import {getOneEventType, getThreeEventType, getTwoEventType} from '@/api/eventAnalyze/eventAnalyze'
import '@/utils/wordCloud'
import moment from 'moment'
import statistics from '@/views/eventAnalyze/eventAnalyzeStatistics.vue'

export default {
	name: "eventAnalyze_1",
	components: {
		left,
		rightTop,
		Statistics: statistics
	},
	data() {
		return {
			labelgroup: [],//标签回显
			flat: 1,
			moment,
			flagTime: true, // 判断时间排序
			AllCheckmedia: false,
			indeterminate1: false,
			checkedList_media: [], // 收集媒体类型
			checkedList_media2: [], // 收集媒体类型
			checkedList_mediaId: [], // 收集媒体类型id
			isDingyue: [],
			isTuisong: [],
			ifDingyue: [],
			ifCunZai: [],
			isCunZai: [],
			ifTuisong: [],
			mirrorUrl: "", // 镜像url
			labelsData: [], // 查询标签
			listLabel: [], // 列表每条数据对应的标签
			media_type: [], // 媒体类型
			emo_polarity: [], // 情感急性
			user: (JSON.parse(localStorage.getItem('user')) ? JSON.parse(localStorage.getItem('user')) : {
				'realName': "***"
			}), // 当前用户信息
			visible: false, // 标签弹框
			visible2: false, // 镜像弹框
			change: 1, // 切换列表和统计
			check_flag: false,
			listData: [], // 列表数据
			checkedList: [], // 列表全选
			checkedDataList: [], // 列表对象全选
			color: "#8674FF",
			pagingFlag: undefined, //判断是不是点击的分页
			pagination: { // 分页
				current: 1,
				pageSize: 10,
				showSizeChanger: true,
				total: 0,
				showQuickJumper: true,
				showTotal: total => `共 ${total} 条`,
				pageSizeOptions: ["10", "20", "50", "100"],//每页中显示的数据
				onChange: (current, pageSize) => {
					this.pagination.current = current;
					this.pagination.pageSize = pageSize;
					this.pagingFlag = 1;
					// 根据activeIndex判断访问列表
					if (this.activeIndex == 0) {
						this.accessList();
					} else if (this.activeIndex == 9999) {
						this.allEvents();
					} else {
						this.queryInfomationData();
					}
				},
				onShowSizeChange: (current, pageSize) => {
					this.pagination.pageSize = pageSize;
					this.pagingFlag = 1;
					// 根据activeIndex判断访问列表
					if (this.activeIndex == 0) {
						this.accessList();
					} else if (this.activeIndex == 9999) {
						this.allEvents();
					} else {
						this.queryInfomationData();
					}
				},
			},
			labelCol: {span: 10},
			wrapperCol: {span: 14},
			oneLevel: [], // 获取一级分类
			twoLevel: [], // 获取二级分类
			threeLevel: [], // 获取三级分类
			queryFlag: false, // 判断全文查询还是标题查询
			text: '',
			form: { // 查询收集的数据
				mediaType: [],
				sampletype: [],
				title: '',
				content: '',
				keyword: '',
				levelInference: 0,
				oneEventType: undefined,
				twoEventType: undefined,
				threeEventType: undefined,
				informationSources: '',
				imageRecognition: 0,
				emotionalPolarity: 0,
				releaseTime: undefined,
				startReleaseTime: undefined,
				endReleaseTime: undefined,
				label: 0,
				weightStart: null,
				weightEnd: null
			},
			collspanMedia: true,  // 查看更多媒体类型
			collspanQuery: true, // 查看更多查询项
			indeterminate: false,
			checkAll: false,
			total: 0, // 收集总条数
			labels: [], //记录选择的标签
			labels2: [], //记录选择的标签
			// queryObj:this.queryLevel, //查询统计用的对象
			commandIds: 0,
			orderType: 2, // 根据时间排序是升序还是降序
		}
	},
	props: {
		//根据commandId查询列表
		commandId: {
			type: Number,
		},
		//根据commandId查询列表
		commandId2: {
			type: Number,
		},
		//根据oneEventType查询列表
		oneEventType: {
			type: Number,
		},
		//根据twoEventType查询列表
		twoEventType: {
			type: Number,
		},
		//根据threeEventType查询列表
		threeEventType: {
			type: Number,
		},
		// 获取父类this
		parent: {
			type: Object,
		},
		// 获取树名称
		eventName: {
			type: String,
		},
		// commandId随机数
		randomNumber: {
			type: Number,
		},
		// 统计查询用的对象
		queryLevel: {
			type: Object,
		},
		// 判断点击的是自定义下的事件  还是别的树节点
		activeIndex: {
			type: Number,
		},
	},
	methods: {
		hideModal3() {
			this.visible2 = false
		},
		checkNum1(value) {
			let reg = new RegExp(/[\\`~!@#$%^&*()_+<>?:\"{},.\\/;'[\\]]/im);
			if ((/[\\`~!@#$%^&*()_+<>?:"{},.\/;'[\]\s]/im.test(value))) {
				this.$message.error("请勿输入非法字符和空格");
				this.text = ''
			}
		},
		checkNum2(value) {
			let reg = new RegExp(/[\\`~!@#$%^&*()_+<>?:\"{},.\\/;'[\\]]/im);
			if ((/[\\`~!@#$%^&*()_+<>?:"{},.\/;'[\]\s]/im.test(value))) {
				this.$message.error("请勿输入非法字符和空格");
				this.form.keyword = ''
			}
		},
		checkNum3(value) {
			let reg = new RegExp(/[\\`~!@#$%^&*()_+<>?:\"{},.\\/;'[\\]]/im);
			if ((/[\\`~!@#$%^&*()_+<>?:"{},.\/;'[\]\s]/im.test(value))) {
				this.$message.error("请勿输入非法字符和空格");
				this.form.informationSources = ''
			}
		},

		//点击镜像
		jingxiang(url) {
			console.log(url);
			/* if(url==''){
					 alert('无法显示')
			 }*/
			this.mirrorUrl = url;
			this.visible2 = true;

		},

		// 重置按钮
		reset() {
			// this.refreshList();
			this.form = { // 查询收集的数据
				mediaType: [],
				sampletype: [],
				title: '',
				content: '',
				keyword: '',
				levelInference: 0,
				oneEventType: undefined,
				twoEventType: undefined,
				threeEventType: undefined,
				informationSources: '',
				imageRecognition: 0,
				emotionalPolarity: 0,
				releaseTime: undefined,
				startReleaseTime: undefined,
				endReleaseTime: undefined,
				label: 0,
			};
			this.text = '';
			this.checkedList_media.splice(0);
			this.checkedList_media2.splice(0);
			this.checkedList_mediaId.splice(0);
			this.twoLevel = [];
			this.threeLevel = [];
		},

		reset2() {
			// this.refreshList();
			this.form = { // 查询收集的数据
				mediaType: [],
				sampletype: [],
				title: '',
				content: '',
				keyword: '',
				levelInference: 0,
				informationSources: '',
				imageRecognition: 0,
				emotionalPolarity: 0,
				releaseTime: undefined,
				startReleaseTime: undefined,
				endReleaseTime: undefined,
				label: 0,
			};
			this.text = '';
			this.checkedList_media.splice(0);
			this.checkedList_media2.splice(0);
			this.checkedList_mediaId.splice(0);
		},

		/**
		 *  判断是全文查询 还是标题查询
		 */
		if_query(value) {
			if (value == 1) {
				this.queryFlag = false;
			}
			if (value == 2) {
				this.queryFlag = true;
			}
		},

		// 媒体类型（点击全部）
		onCheckAllChange_media(e) {
			this.AllCheckmedia = !this.AllCheckmedia;
			if (this.AllCheckmedia) {
				this.media_type.forEach((item, i) => {
					if (i < 8) {
						this.checkedList_media.push(item.mediaName)
					}
				});
				this.media_type.forEach((item, i) => {
					if (i >= 8) {
						this.checkedList_media2.push(item.mediaName)
					}
				})
			} else {
				this.checkedList_media.splice(0)
				this.checkedList_media2.splice(0)
			}

		},

		// 媒体类型（点击单个）
		onChange_media(checkedValues) {
			this.checkedList_media = [];
			this.checkedList_mediaId = [];
			this.checkedList_media = checkedValues;
			if (this.media_type.length === (this.checkedList_media.length + this.checkedList_media2.length)) {
				this.AllCheckmedia = true;
			} else {
				this.AllCheckmedia = false;
			}
		},
		// 媒体类型（点击单个）
		onChange_media1(checkedValues) {
			this.checkedList_media2 = [];
			this.checkedList_mediaId = [];
			this.checkedList_media2 = checkedValues;
			if (this.media_type.length === (this.checkedList_media.length + this.checkedList_media2.length)) {
				this.AllCheckmedia = true;
			} else {
				this.AllCheckmedia = false;
			}
		},

		/**
		 * 监听一级分类获取二级分类
		 */
		async oneType() {
			await this.two('change');
			this.form.twoEventType = undefined;
			this.form.threeEventType = undefined;
		},
		/**
		 * 监听二级分类获取三级分类
		 */
		async twoType() {
			await this.three('change');
			this.form.threeEventType = undefined;
		},

		//修改情感极性
		changebuttonzm(index, value) {
			confirm('确定修改该记录吗？', () => {
				editEmotionalPolarity({
					id: this.listData[index].id,
					value: value
				}).then(res => {
					if (res.data == true) {
						this.$message.success("修改成功");
						// 根据activeIndex判断访问列表
						if (this.activeIndex == 0) {
							this.accessList();
						} else if (this.activeIndex == 9999) {
							this.allEvents();
						} else {
							this.queryInfomationData();
						}
					}
				});
			});
		},

		// 修改级别推断
		changebuttonlevel(index, value) {
			confirm('确定修改该记录吗？', () => {
				editLevelInference({
					id: this.listData[index].id,
					value: value
				}).then(res => {
					if (res.data == true) {
						this.$message.success("修改成功");
						// 根据activeIndex判断访问列表
						if (this.activeIndex == 0) {
							this.accessList();
						} else if (this.activeIndex == 9999) {
							this.allEvents();
						} else {
							this.queryInfomationData();
						}
					}
				})
			});
		},


		// 标签取消框
		onChange1(e) {

			if (e.target.checked) {
				this.check_flag = true;
				this.labels = [];
				this.labelgroup = [];
			} else {
				this.check_flag = false;
			}
		},


		// 判断是否全选
		onChangeList(checkedValues) {
			console.log(this.checkedList)
			if (this.listData.length === this.checkedList.length) {
				this.checkAll = true;
			} else {
				this.checkAll = false;
			}
		},
		// 全选框
		onCheckAllChange(e) {
			this.checkAll = !this.checkAll
			if (this.checkAll) {
				this.checkedList.splice(0)
				this.listData.forEach((item, i) => {
					this.checkedList.push(item.id)
					this.checkedDataList.push(item);
				})
			} else {
				this.checkedList.splice(0)
			}
		},

		//标签弹框
		showLabel() {
			if (this.checkedList.length == 0) {
				this.$message.error("请选择数据！");
			} else {
				let listObj = this.listData.filter(item => {
					return this.checkedList.includes(item.id);
				});
				//如果仅勾选了单条数据，返显曾经选中的标签
				this.labelgroup = [];
				if (listObj.length == 1) {
					//查询通用监测/事件追踪数据的标签
				}
				this.visible = true;
			}

		},
		// 标签提交
		hideModal(checkedValues) {
			if (this.labels == undefined && this.labels.length <= 0) {
				this.$message.error('请选择标签后在提交');
				this.visible = true;
			}
			if (this.labels == '') {
				this.labels = [];
			}
			if (this.labels == '清空标签') {
				this.labels = [];
			}
			let listObj = this.listData.filter(item => {
				return this.checkedList.includes(item.id);
			});
			let params = [];
			listObj.forEach(item => {
				params.push({
					esId: item.esId,
					commandId: item.commandId,
					tagIds: this.labels
				});
			})
			confirm('确定修改该记录吗？', () => {
				editDataTags(params).then(res => {
					if (res.status == 200) {
						this.checkedList.splice(0)
						console.log(this.checkedList)
						this.$message.success('执行成功');


						this.visible = false;
						// 根据activeIndex判断访问列表
						if (this.activeIndex == 0) {
							this.accessList();
						} else if (this.activeIndex == 9999) {
							this.allEvents();
						} else {
							this.queryInfomationData();
						}
					} else {
						this.$message.error('执行失败');
					}
				});
			});
			// 把清空标签 还原

			let box = document.getElementById("check10");
			if (box.checked) {
				box.click();
			}

		},
		// 标签监听
		onChange(checkedValues) {
			console.log('checked = ', checkedValues);

			this.labels = checkedValues;
		},

		changePageInfo(item) {
			this.$emit('func', item);
		},

		/*根据自定义事件查询列表*/
		queryInfomationData() {
			if (this.activeIndex == 0) {
				this.accessList();
			} else {
				let mediaTypeIdList = [];
				this.checkedList_media.forEach((item) => {
					mediaTypeIdList.push(item)
				})
				this.checkedList_media2.forEach((item) => {
					mediaTypeIdList.push(item)
				});

				for (let i = 0; i < mediaTypeIdList.length; i++) {
					for (let k = 0; k < this.media_type.length; k++) {
						if (mediaTypeIdList[i] == this.media_type[k].mediaName) {
							this.checkedList_mediaId.push(this.media_type[k].id)
						}
					}
				}
				// 判断根据全文查询还是标题查询
				if (this.queryFlag) {
					this.form.title = this.text
					this.form.content = '';
				} else {
					this.form.content = this.text
					this.form.title = '';
				}

				if (this.form.releaseTime) {
					this.form.startReleaseTime = this.form.releaseTime[0];
					this.form.endReleaseTime = this.form.releaseTime[1];
				}
				if (this.pagingFlag == undefined) {
					this.pagination.current = 1;
				}
				listBrowse({
					"page": this.pagination.current,
					"pageNumber": this.pagination.pageSize,
					"orderField": "releaseTime",
					"orderType": this.orderType,
					"queryData": {
						"count": 0,
						"id": 0,
						"title": this.form.title,
						"description": '',
						"number": 0,
						"emotionalPolarity": this.form.emotionalPolarity,
						"mirrorAddress": "",
						"whetherToPush": 0,
						"subscribe": 0,
						"whetherToCollect": 0,
						"oneEventClass": this.form.oneEventType,
						"threeEventClass": this.form.threeEventType,
						"twoEventClass": this.form.twoEventType,
						"levelInference": this.form.levelInference,
						"keyword": this.form.keyword,
						"informationSources": this.form.informationSources,
						"releaseTime": "",
						"endReleaseTime": this.form.endReleaseTime,
						"releaseTimeLong": 0,
						"startReleaseTime": this.form.startReleaseTime,
						"url": "",
						"img": "",
						"flag": 0,
						"negativeWords": "",
						"content": this.form.content,
						"userId": 0,
						"waring": "",
						"mediaType": "",
						"mediaTypeId": 0,
						"mediaTypeIdList": this.checkedList_mediaId,
						"author": "",
						"source": 0,
						"commandId": this.commandIds,
						"esId": "",
						"permissionGroupId": 0,
						"urlMd5": "",
						"commentVolume": 0,
						"forwardVolume": 0,
						"visitVolume": 0,
						"gmCommandId": 0,
						"city": "",
						"county": "",
						"keywordNumber": "",
						"province": "",
						"domain": "",
						"createTimeLong": 0,
						"caseType": "",
						"mobileType": "",
						"chargeType": "",
						"vulnerabilityLevel": 0,
						"imageRecognition": this.form.imageRecognition,
						"custom": 0,
						"tagsId": this.form.label,
						'weightStart': this.form.weightStart,
						'weightEnd': this.form.weightEnd
					}
				}).then(res => {
					if (res.data.records.length > 0) {
						// base64解码
						for (let i = 0; i < res.data.records.length; i++) {
							if (res.data.records[i].url) {
								res.data.records[i].url = window.atob(res.data.records[i].url);
							}
						}
						this.listData = res.data.records;
						this.pagination.total = res.data.total;
						this.total = res.data.total;
						for (let k = 0; k < this.listData.length; k++) {
							if (this.listData[k].emotionalPolarity == 1) {
								this.emo_polarity[k] = '正面'
							}
							if (this.listData[k].emotionalPolarity == 2) {
								this.emo_polarity[k] = '中性'
							}
							if (this.listData[k].emotionalPolarity == 3) {
								this.emo_polarity[k] = '负面'
							}
						}
					} else {
						this.listData = [];
						this.pagination.total = res.data.total;
						this.total = res.data.total;
					}
				});
			}
			this.pagingFlag = undefined;
		},
		/*导出*/
		exportInfomation() {
			if (this.checkedList && this.checkedList.length == 0) {
				this.$message.error("请选择要导出的数据！");
				return;
			}

			var list = this.listData.filter(item => {
				return this.checkedList.includes(item.id);
			});
			// 判断并修改对应的值
			for (let i = 0; i < list.length; i++) {
				if (list[i].levelInference == 1) {
					list[i].levelInference = '一般级别';
				} else if (list[i].levelInference == 2) {
					list[i].levelInference = '中等级别';
				} else if (list[i].levelInference == 3) {
					list[i].levelInference = '重要级别';
				}
				if (list[i].emotionalPolarity == 1) {
					list[i].emotionalPolarity = '正面'
				} else if (list[i].emotionalPolarity == 2) {
					list[i].emotionalPolarity = '中性'
				} else if (list[i].emotionalPolarity == 3) {
					list[i].emotionalPolarity = '负面'
				}
				list[i].content = list[i].content ? list[i].content.substring(0, 130) : ''
			}

			console.log("导出数据", list);
			const columns = [
				{
					title: "事件标题",
					dataIndex: "title",
				},
				{
					title: "事件描述",
					dataIndex: "content",
				},
				{
					title: "关键词",
					dataIndex: "keyword",
				},
				{
					title: "事件分类",
					dataIndex: "caseType",
				},
				{
					title: "发布媒体",
					dataIndex: "informationSources",
				},
				{
					title: "发布时间",
					dataIndex: "releaseTime",
				},
				{
					title: "火爆程度",
					dataIndex: "number",
				},
				{
					title: "文章级别",
					dataIndex: "levelInference",
				},
				{
					title: "url",
					dataIndex: "url",
				},
				{
					title: "倾向性",
					dataIndex: "emotionalPolarity",
				},
			]
			export2Excel(columns, list);
			// 根据activeIndex判断访问列表
			if (this.activeIndex == 0) {
				this.accessList();
			} else if (this.activeIndex == 9999) {
				this.allEvents();
			} else {
				this.queryInfomationData();
			}

		},
		/*删除*/
		deleteinfomation() {
			if (this.checkedList.length == 0) {
				this.$message.error("至少得选择一行！");
			} else {
				confirm('确定删除该记录吗？', () => {
					let checkedListId = [];
					for (let i = 0; i < this.checkedList.length; i++) {
						checkedListId.push(this.checkedList[i]);
					}
					remove(checkedListId).then(res => {
						if (res.status == 200) {
							this.$message.success("删除成功");
							// 根据activeIndex判断访问列表
							if (this.activeIndex == 0) {
								this.accessList();
							} else if (this.activeIndex == 9999) {
								this.allEvents();
							} else {
								this.queryInfomationData();
							}
						} else {
							this.$message.error('删除失败');
						}
					})
				});

			}
		},
		/*时间排序*/
		sequenceInfomation() {
			this.pagingFlag = 1;
			if (this.activeIndex == 0) {
				if (this.orderType == 1) {
					this.orderType = 2
				} else {
					this.orderType = 1
				}
				this.accessList();
			} else if (this.activeIndex == 9999) {
				if (this.orderType == 1) {
					this.orderType = 2
				} else {
					this.orderType = 1
				}
				this.allEvents();
			} else {
				if (this.orderType == 1) {
					this.orderType = 2
				} else {
					this.orderType = 1
				}
				this.queryInfomationData();
			}
		},
		// 查看更多媒体类型
		showOtherMedia() {
			this.collspanMedia = !this.collspanMedia;
		},
		// 查看更多查询项
		showQuery() {
			this.collspanQuery = !this.collspanQuery;
		},

		// 事件数据和统计分析切换
		callback(tag) {
			if (tag == 1) {
				this.change = 1;
			}
			if (tag == 2) {
				this.change = 2;


			}
		},

		// 根据事件类型查询列表
		accessList() {
			let mediaTypeIdList = [];
			this.checkedList_media.forEach((item) => {
				mediaTypeIdList.push(item)
			})
			this.checkedList_media2.forEach((item) => {
				mediaTypeIdList.push(item)
			});

			for (let i = 0; i < mediaTypeIdList.length; i++) {
				for (let k = 0; k < this.media_type.length; k++) {
					if (mediaTypeIdList[i] == this.media_type[k].mediaName) {
						this.checkedList_mediaId.push(this.media_type[k].id)
					}
				}
			}
			// 判断根据全文查询还是标题查询
			if (this.queryFlag) {
				this.form.title = this.text
				this.form.content = '';
			} else {
				this.form.content = this.text
				this.form.title = '';
			}

			if (this.form.releaseTime) {
				this.form.startReleaseTime = this.form.releaseTime[0];
				this.form.endReleaseTime = this.form.releaseTime[1];
			}
			if (this.form.oneEventType != undefined) {
				this.oneEventType = this.form.oneEventType;
			}
			if (this.form.twoEventType != undefined) {
				this.twoEventType = this.form.twoEventType;
			}
			if (this.form.threeEventType != undefined) {
				this.threeEventType = this.form.threeEventType;
			}
			if (this.pagingFlag == undefined) {
				this.pagination.current = 1;
			}

			listBrowse(
					{
						"page": this.pagination.current,
						"pageNumber": this.pagination.pageSize,
						"orderField": "releaseTime",
						"orderType": this.orderType,
						"queryData": {
							"count": 0,
							"id": 0,
							"title": this.form.title,
							"description": "",
							"number": 0,
							"emotionalPolarity": this.form.emotionalPolarity,
							"mirrorAddress": "",
							"whetherToPush": 0,
							"subscribe": 0,
							"whetherToCollect": 0,
							"oneEventClass": this.oneEventType,
							"threeEventClass": this.threeEventType,
							"twoEventClass": this.twoEventType,
							"levelInference": this.form.levelInference,
							"keyword": this.form.keyword,
							"informationSources": this.form.informationSources,
							"releaseTime": "",
							"endReleaseTime": this.form.endReleaseTime,
							"releaseTimeLong": 0,
							"startReleaseTime": this.form.startReleaseTime,
							"url": "",
							"img": "",
							"flag": 0,
							"negativeWords": "",
							"content": this.form.content,
							"userId": 0,
							"waring": "",
							"mediaType": "",
							"mediaTypeId": 0,
							"author": "",
							"source": 0,
							"commandId": 0,
							"mediaTypeIdList": this.checkedList_mediaId,
							"esId": "",
							"permissionGroupId": 0,
							"urlMd5": "",
							"commentVolume": 0,
							"forwardVolume": 0,
							"visitVolume": 0,
							"gmCommandId": 0,
							"city": "",
							"county": "",
							"keywordNumber": "",
							"province": "",
							"domain": "",
							"createTimeLong": 0,
							"caseType": "",
							"mobileType": "",
							"chargeType": "",
							"imageRecognition": this.form.imageRecognition,
							"vulnerabilityLevel": 0,
							"custom": 0,
							"tagsId": this.form.label
						}
					}
			).then(res => {
				if (res.data.records.length > 0) {
					// base64解码
					for (let i = 0; i < res.data.records.length; i++) {
						if (res.data.records[i].url) {
							res.data.records[i].url = window.atob(res.data.records[i].url);
						}
					}
					this.listData = res.data.records;
					this.pagination.total = res.data.total;
					this.total = res.data.total;
					for (let k = 0; k < this.listData.length; k++) {
						if (this.listData[k].emotionalPolarity == 1) {
							this.emo_polarity[k] = '正面'
						}
						if (this.listData[k].emotionalPolarity == 2) {
							this.emo_polarity[k] = '中性'
						}
						if (this.listData[k].emotionalPolarity == 3) {
							this.emo_polarity[k] = '负面'
						}
					}
				} else {
					this.listData = [];
					this.pagination.total = res.data.total;
					this.total = res.data.total;
				}

			})
			this.pagingFlag = undefined;
		},

		// 获取一级分类
		one() {
			getOneEventType().then(res => {
				this.oneLevel = res.data;
				// 根据activeIndex判断访问列表
				if (this.activeIndex == 0) {
					this.accessList();
				} else if (this.activeIndex == 9999) {
					this.allEvents();
				} else {
					this.queryInfomationData();
				}
			})
		},
		// 获取二级分类
		async two(tmp) {
			if (tmp == 'change') {
				await getTwoEventType({
					oneEventType: this.form.oneEventType,
				}).then(res => {
					this.twoLevel = res.data;
				})
			} else if (this.oneEventType != undefined) {
				await getTwoEventType({
					oneEventType: this.oneEventType,
				}).then(res => {
					this.twoLevel = res.data;
				})
			}
		},
		// 获取三级分类
		async three(tmp) {
			if (tmp == 'change') {
				await getThreeEventType({
					twoEventType: this.form.twoEventType,
				}).then(res => {
					this.threeLevel = res.data;
				})
			} else if (this.twoEventType != undefined) {
				await getThreeEventType({
					twoEventType: this.twoEventType,
				}).then(res => {
					this.threeLevel = res.data;
				})
			}
		},

		// 查询全部事件 和全部自定义事件
		allEvents() {
			let custom = 0;
			if (this.eventName == "自定义事件") {
				custom = 1;
			}
			if (this.pagingFlag == undefined) {
				this.pagination.current = 1;
			}
			listBrowse({
				"page": this.pagination.current,
				"pageNumber": this.pagination.pageSize,
				"orderField": "releaseTime",
				"orderType": this.orderType,
				"queryData": {
					"count": 0,
					"id": 0,
					"title": "",
					"description": "",
					"number": 0,
					"emotionalPolarity": 0,
					"mirrorAddress": "",
					"whetherToPush": 0,
					"subscribe": 0,
					"whetherToCollect": 0,
					"oneEventClass": 0,
					"threeEventClass": 0,
					"twoEventClass": 0,
					"levelInference": 0,
					"keyword": "",
					"informationSources": "",
					"releaseTime": "",
					"endReleaseTime": "",
					"releaseTimeLong": 0,
					"startReleaseTime": "",
					"url": "",
					"img": "",
					"flag": 0,
					"negativeWords": "",
					"content": "",
					"userId": 0,
					"waring": "",
					"mediaType": "",
					"mediaTypeId": 0,
					"mediaTypeIdList": [],
					"author": "",
					"source": 0,
					"commandId": 0,
					"esId": "",
					"permissionGroupId": 0,
					"urlMd5": "",
					"commentVolume": 0,
					"forwardVolume": 0,
					"visitVolume": 0,
					"gmCommandId": 0,
					"city": "",
					"county": "",
					"keywordNumber": "",
					"province": "",
					"domain": "",
					"createTimeLong": 0,
					"caseType": "",
					"mobileType": "",
					"chargeType": "",
					"vulnerabilityLevel": 0,
					"custom": custom,
					"tagsId": this.form.label
				}
			}).then(res => {
				if (res.data.records.length > 0) {
					// base64解码
					for (let i = 0; i < res.data.records.length; i++) {
						if (res.data.records[i].url) {
							res.data.records[i].url = window.atob(res.data.records[i].url);
						}
					}
					this.listData = res.data.records;
					this.pagination.total = res.data.total;
					this.total = res.data.total;
					for (let k = 0; k < this.listData.length; k++) {
						if (this.listData[k].emotionalPolarity == 1) {
							this.emo_polarity[k] = '正面'
						}
						if (this.listData[k].emotionalPolarity == 2) {
							this.emo_polarity[k] = '中性'
						}
						if (this.listData[k].emotionalPolarity == 3) {
							this.emo_polarity[k] = '负面'
						}
					}
				} else {
					this.listData = [];
					this.pagination.total = res.data.total;
					this.total = res.data.total;
				}
			})
			this.pagingFlag = undefined;
		},

		//点击创建
		toCreat(id) {
			this.$router.push({
				path: 'createTask',
				query: {
					id: id
				}
			})
		}
		//------------------------------------------------------------------------------------------------------------------
	},
	mounted() {
		// 访问一级分类
		this.one();
	},
	computed: {
		commandIdRange() {
			this.commandIds = this.commandId;
			return {"commandId": this.commandId, "random": this.randomNumber}
		},
	},
	watch: {
		commandIdRange(val, oldVal) {
			console.log("inputVal = " + val + " , oldValue = " + oldVal);
			this.reset();
			this.checkAll = false;
			this.queryInfomationData();
		},
		commandId2(val, oldVal) {
			if (val != oldVal) {
				this.reset();
				this.checkAll = false;
				this.queryInfomationData();
			}
		},
		async oneEventType(val, oldVal) {
			if (val != oldVal) {
				this.reset();
				await this.two();
				if (val != 9999) {
					this.form.oneEventType = val;
				} else {
					this.form.oneEventType = undefined
				}
				this.checkAll = false;
				this.accessList();
			}
		},
		async twoEventType(val, oldVal) {
			if (val != oldVal) {
				this.reset();
				await this.two();
				await this.three();
				if (this.oneEventType != 9999) {
					this.form.oneEventType = this.oneEventType;
					this.form.twoEventType = this.twoEventType;
					if (this.twoEventType == 0) {
						this.form.twoEventType = undefined;
					}
				}
				this.checkAll = false;
				this.accessList();
			}
		},
		async threeEventType(val, oldVal) {
			if (val != oldVal) {
				this.reset();
				await this.two();
				await this.three();
				if (this.oneEventType != 9999) {
					this.form.oneEventType = this.oneEventType;
					this.form.twoEventType = this.twoEventType;
					this.form.threeEventType = val;
					if (this.twoEventType == 0) {
						this.form.twoEventType = undefined;
					}
					if (val == 0) {
						this.form.threeEventType = undefined;
					}
				}
				this.checkAll = false;
				this.accessList();
			}
		},
		eventName(val, oldVal) {
			if (val == "自定义事件") {
				this.reset();
				this.checkAll = false;
				this.allEvents();
			}
			if (val == "全部事件") {
				this.reset();
				this.checkAll = false;
				this.allEvents();
			}
		},
	},
	created() {
		// 获取媒体类型
		getMediaTypeList().then(res => {
			this.media_type = res.data;
		});
	}

}
</script>

<style scoped lang="scss">
/deep/ .ant-modal {
	top: 20%
}


.modal-box /deep/ .ant-modal-body {
	min-height: 194px;
}

.modal-box /deep/ .ant-modal-content {
	height: 300px;
}

.modal-box2 /deep/ .ant-modal-body {
	min-height: 594px;
}

.modal-box2 /deep/ .ant-modal-content {
	height: 700px;
}

.modal-box3 /deep/ .ant-modal-content {
	height: 900px;
}

.right-content {
	margin-bottom: 40px;

	.ant-row {
		height: 50px;
		line-height: 50px;

		.content-left {
			text-align: right;
			font-size: 14px;
			height: 100%;
		}

		.content-right {
			float: right;
			height: 100%;
			position: relative;
			left: -30px;

			.ant-input {
				width: 480px;
				height: 40px;
				border-radius: 3px;
			}
		}
	}
}

/deep/ .ant-tabs-bar {
	border-bottom: 0px solid #e8e8e8 !important;
}

/deep/ .ant-tabs-tab {
	font-size: 15px !important;
}

.listv2-root {
	width: 100%;
	height: 100%;
	position: relative;
}

/deep/ .ant-list-item-meta-avatar {
	margin-right: 0px;
}

/deep/ .buttona1 > div {
	color: black;
	font-size: 13px;
	cursor: pointer;
}

.changebuttonStyle {
	background: #1577FF;
	padding: 0 10px;
	height: 25px;
	color: #fff;
	border-radius: 5px;
	line-height: 25px;
	cursor: pointer;
}

.divtext {
	/*border: solid #F0F0F0 1px;*/
	/*text-align: center;*/
	/*padding-left: 1%;*/
	/*padding-right: 1%;*/
	/*margin-right: 1%;*/
	margin: 0 4.5px;
	color: black;
}

.titleDiv {
	height: 40px;
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.titleFontDiv {
	font-size: 14px;
	font-weight: bold;
	display: flex
}

.fontBottomLine {
	border-bottom: 2px solid #1678FF;
	height: 25px
}

.backButton {
	height: 40px;
	width: 80px;
	align-items: center;
	line-height: 40px;
	border: 1px solid #E6E6E6;
	text-align: center;
	margin-right: 50px;
	border-radius: 10px;
	cursor: pointer;
}

@media screen and (max-device-width: 2560px) {
	#lineChart {
		width: 1213px;
	}
	#pieChart {
		width: 595px;
	}
}

@media screen and (max-device-width: 1920px) {
	#lineChart {
		width: 1213px;
	}
	#pieChart {
		width: 595px;
	}
}

.scatterLabel {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	cursor: pointer;
}

.scatterLabelActive {
	background-color: #1777FF;
	border-radius: 6px;
	color: white;
}

/*input[type=checkbox]:checked + label:before { !*before为伪元素可以在元素之后添加内容*!
    display: block;
    !*	css3中的content字符编码*!
    content: "";
    !*	复选框里面的&radic;居中*!
    text-align: center;
    !*	复选框里面的&radic;大小*!
    font-size: 13px;
    !*	字体的颜色*!
    color: #3D8EF7;
    !*  复选框勾选后的背景颜色*!
    background: #3D8EF7;
    margin-left: 3px;
    margin-top: 3px;
    height: 10px;
    width: 10px;
}

input[type=checkbox] {
    !* visibility 属性规定元素是否可见*!
    visibility: hidden;
}*/

.checkboxClass {
	width: 18px;
	height: 18px;
	line-height: 18px;
	cursor: pointer;
	position: relative;
	border: 1px solid #ccc; /*改变复选框的边框颜色也可以不要边框*/
	display: inline-block;
}

.topDiv {
	border-bottom: 1px solid #dcdcdc;
	width: 90%;
	height: 60px;
	margin-left: 5%;
	padding-left: 10px;
	line-height: 60px;
	display: flex
}

.titleDiv {
	height: 40px;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin-left: 5%;
}

.titleFontDiv {
	font-size: 14px;
	font-weight: bold;
	display: flex
}

.fontBottomLine {
	border-bottom: 2px solid #1678FF;
	height: 25px
}

/deep/ .ant-timeline-item-head-custom {
	background: transparent !important;
}

.angle-wrapper:before {
	content: '';
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-right-color: #eeeeee;
	position: absolute;
	left: calc(-2% - 5px);
	top: 50%;
	margin-top: -12px;
}

.angle-wrapper:after {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right-color: #FFFFFF;
	position: absolute;
	left: calc(-2% - 1px);
	top: 50%;
	margin-top: -10px;
}

.angle-wrapper {
	width: 93%;
	height: 40px;
	position: relative;
	border: 2px solid #eeeeee;
	margin-left: 2%;
	background-color: white;
	line-height: 30px;
	padding-left: 15px;
	display: flex;
	align-items: center;
	font-size: 14px;
}

.angle-wrapper-bottom {
	display: flex;
	margin-top: 5px;
	justify-content: space-between;
	width: 70%;
	font-size: 12px;
	margin-left: 4%
}

.scatterLabel {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	cursor: pointer;
}

.scatterLabelActive {
	background-color: #1777FF;
	border-radius: 6px;
	color: white;
}

.tableTr {
	border: 1px solid #F5F8FF;
	height: 35px;
	width: 100%;
	background-color: white;
	display: flex;
	align-items: center;
	color: #A0A4AA;
}

.tableTd20 {
	width: 20%;
	text-align: center
}

.tableTd30 {
	width: 30%;
	text-align: center
}

.tableTd50 {
	width: 50%;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}

/deep/ .ant-table-tbody > tr:nth-child(even) {
	background-color: #FAFAFA;
}

/deep/ .ant-table-tbody > tr > td {
	border: 0;
}

/deep/ .ant-table-thead > tr > th {
	background-color: white;
	font-weight: bold;
}

.ant-btn-primary {
	color: #ffffff;
}
</style>
